@charset "utf-8";
/* CSS Document */
body,div,a,img,ul,li,dl,dd,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;color:#333;border:none;font-weight: normal;line-height: 26px;font-size:14px;text-decoration:none;}
ul{list-style:none;}

.main{width:1200px;overflow:hidden;height:auto;margin:0px auto;}
.top{height:35px;border-bottom:1px solid #ccc;}
.top .main span{color:#999;float:right;}

.logobox{padding:30px 0px;height:100px;overflow: hidden;}
.logobox .main{font-size:30px;font-weight:bold;}
.logobox .main img{vertical-align:top;margin-top:-20px;}
.logobox .main span{position:relative;left:-170px;top:40px;font-size:16px;color:#999;}
.logobox .main .tel{position:relative;left:850px;font-size:22px;color:#c40000;top:-50px;font-weight:bold;}

.menubar{height:60px;background-color:#1e50ae; }
.menubar .main{overflow:inherit;}
.menubar .main li{float:left;background-color:#1e50ae;}

.menubar .main li:hover{background-color:#034896;}

.menubar .main li a{width:133px;height:60px;display:block;text-align: center;line-height:60px;color:#fff; }

.banner{height:auto;overflow: hidden;}

.product{height:650px;}
.product .main{height:100%;}
.product .main .info{width:420px;height:300px;}
.product .main .info h2{font-size:26px;font-weight:bloder;color:#66667e;margin-top:80px;margin-bottom:30px;}
.product .main .info p{height:140px;line-height:35px;font-size:16px;overflow:hidden;margin-bottom:30px;color:#999;}
.product .main .info a{display:block;text-align: center;width:125px;height:45px;line-height: 45px;color:#fff;background-color:#1e51af;}
.product .main .right{position:relative;width:750px;height:550px;top:-355px;left:450px;}
.product .main .right img{width:100%;height:100%;margin:0px;}
.product .main .right li{width:370px;height:275px;float:left;}
.product .main .right li p{position:relative;top:-78px;padding:0px 15px;height:78px;overflow: hidden;background-color:#fff; opacity: 0;}
.product .main .right li p a{display:block;color:#1e51af;font-weight:bold;font-size:16px;margin:auto;text-align: center;}
.product .main .right li:hover p{opacity:1;}

.youshi{height:400px; background:url(yx.jpg) no-repeat center;margin-top:30px;}
.youshi li{float:left;width:340px;padding:30px;margin-top:50px;text-align: center;}
.youshi li p,.youshi li p a{color:#fff;}
.youshi li p a{font-weight:bold;font-size:22px;}
.youshi li p{margin-top:15px;}

.news h2,.faq h2{text-align: center;font-size:26px;font-weight: bolder;border-bottom:6px solid #0554a4;margin:50px auto;width:600px;overflow: hidden;line-height:50px;}
.news li{float:left;width:338px;padding:30px;border:1px solid #eee;}
.news li:hover{background-color:#0554a4;}
.news li:hover *{color:#fff;}
.news li a{color:#0554a4;font-weight:bold;font-size:22px;display:block;height:52px;overflow: hidden;margin-bottom:15px;}
.news li p{height:90px;}
.news{padding-bottom:50px;}

.liuyan{background-color:#222325;}
.liuyan .left{float:left;width:46%;padding:2%;color:#fff;}
.liuyan .left p,.liuyan .left a{color:#fff;}
.liuyan .left img{width:100%;height:50%;margin-top:15px;}
.liuyan .left b{font-size:22px;line-height: 35px;}
.liuyan .left:last-child{padding:100px 0px;}
.liuyan .left:last-child p{height:65px;}
.liuyan .left:last-child p input{width:70%;height:30px;}
.liuyan .left:last-child p #areacode{width:20%;height:36px;}
.liuyan .left:last-child p a{display:block;width:50%;height:45px;text-align:center;background-color:#1e51af;line-height:45px;margin:30px auto;}

.faq{padding:50px 0px;}
.faq .left,.faq .right{float:left;height:500px;}
.faq .left{padding:15px;width:420px;}
.faq .left img{width:100%;height:60%;}
.faq .right ul li{margin:15px 0px;padding:10px; border:1px solid #eee;}
.faq .right{width:720px;padding:15px;}
.faq .right ul li a,.faq .left a{font-size:16px;font-weight:bold;color:#0554a4;}

.flink .main{padding:15px 0px;}
.flink .main span{font-weight:bold;font-size:16px;line-height:40px;}
.flink ul li{float:left;margin-left:10px;}

.foot{background-color:#003377;padding:40px 0px;}
.foot *{color:#fff;}
.foot a{margin-left:20px;}
.foot .main ul{width:33%;float:left;}
.foot .main ul li{line-height:35px;}
.foot .main ul:last-child li{text-align:center;}

/*list*/
.list .mainbox{width:1200px;height:auto;overflow:hidden;margin:15px auto;}
.list .position{width:1200px;line-height:50px;color:#333;font-weight:bold;margin:auto;border-bottom:1px solid #ccc; }
.list .position a{margin-left:15px;}
.list .mainbox div{float:left;}
.list .mainbox .left{width:770px;}
.list .mainbox ul li{padding:15px 0px;border-bottom:1px dashed #ccc;height:auto;overflow:hidden;}
.list .mainbox .left ul li img{width:30%;height:160px;float:left;}
.list .mainbox .left li{border-bottom:1px dashed #ccc;float:left;padding:15px 10px;margin:10px 10px;}
.list .mainbox .left li:hover{border:1px solid #ccc;}
.list .mainbox .left .fenye{margin-top:30px;}
.list .mainbox .left .fenye li:hover a:hover{color:#fff;}
.list .mainbox ul li .info{float:left;width:66%;margin-left:3%;}
.list .mainbox ul li .info a{display:block;height:52px;font-size:16px;font-weight:bold;}
.list .mainbox .right{width:400px;margin-left:30px;}

.list .mainbox .right h2{text-align:center;background-color:#1e51af;line-height:40px;border-radius:3px;color:#fff;margin-bottom:10px;}
.list .mainbox .right h3{line-height:35px;padding-left:10px;border:1px solid #ccc;margin-bottom:10px;}
.list .mainbox .right h3:last-child{margin-bottom:10px;}
.list .mainbox .right h3:hover{background-color:#eee;}
.list .mainbox .right h4{margin-bottom:10px;}
.list .mainbox .right h4 a{font-weight:bold;}
.list .mainbox .right dl dd a{line-height:35px;}

/*Content*/
.list .mainbox .left h1{text-align:center;font-size:26px;font-weight:bold;line-height: 50px;margin-bottom:30px;}
.list .mainbox .left .about{margin:50px auto;width:95%;float:none;}
.list .mainbox .left .about a:hover{color:#f00;line-height:26px;font-size:14px;}
.list .mainbox .left .artcontent{padding:20px;height:auto;overflow:hidden;}
@media only screen and (max-width:900px){
 	
	.top{height:auto;overflow:hidden;}
	.top .main span{float:none;display:block;position:fixed;bottom:0px;text-align: center;line-height:50px;color:#fff;background-color:#1e50ae;width:100%;cursor:pointer;}
	.logobox {height:auto;overflow: hidden;}
	.logobox .main{padding:0px;word-break: break-all;white-space: normal;}
	.logobox .main span{color:#df372b;left:-60%;font-size:12px;display:none;}
	.logobox .main img{width:12%;margin:0px;vertical-align:middle;}
	.logobox .main .tel{display:none;}
	.menubar .main li:first-child{background-color:#1e50ae;margin-right:0px;}
	.menubar .main li:first-child a{color:#fff;}
	.menubar .main li:hover{background-color:#0c3a61;}
	.menubar .main li:hover a{color:#fff;}
	.main,.list .mainbox{width:98%;}
	.menubar{height:auto;overflow: hidden;}
	.menubar .main li{width:25%;}
	.menubar .main li a{width:100%;}
	.banner{height:auto;overflow: hidden;}
	.banner img{height:220px;}
	.product{height:auto;}
	.product .main .info{width:100%;height:auto;overflow:hidden;}
	.product .main .info a{width:100%;}
	.product .main .right{width:100%;position:inherit;height:auto;margin-top:15px;}
	.product .main .right li{width:50%;}
	.news h2,.faq h2{width:100%;}
	.liuyan .left{float:none;width:100%;}
	.faq .left,.faq .right{float:none;width:100%;margin:0px;height:auto;}
	.youshi{height:auto;overflow:hidden;background:url(yx.jpg) repeat-y top;}
	.youshi ul{padding:}
	.youshi li{width:90%;float:none;padding:5%;margin-top:15px;}
	.news li{width:94%;padding:3%;}
	
	.list .mainbox{width:100%;}
	.list .position{width:98%;margin:10px auto;}
	.list .mainbox .left{width:95%;margin:10px auto;}
	.list .mainbox .left ul li img{width:28%;}
	.list .mainbox .left ul li .info{width:68%;margin-left:2%;}
        .list .mainbox .right{width:100%;margin:10px auto;}

	.flink *{color:#ccc;}
	.list .mainbox .right *{width:95%;margin:5px auto;text-align:center;}
	.foot .main ul{width:100%;float:none;}
	.foot .main ul li{text-align:center;}
	
}